<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="WangID通城" http-equiv="keywords">
<meta name="description" content="WangID通城">
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<title>骡窝窝积分商城</title>
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" href="css/zy.css" type="text/css"> 
<link rel="stylesheet" href="css/swiper.min.css" type="text/css">
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/navbarscroll.js"></script>
	<script src="/js/plugins/jrender/jrender.js"></script>
	<script src="/js/common.js"></script>

</head>
<body>

<!--页面内容
<div id="yemnr">--> 
<!--头部--> 
<div class="toub_beij toub_beij_zy">
	<div class="zhongj_k zhongj_k_z">
		<div class="jiu_feo jiu_feo_jifsc">
			<div class="logo_k logo_k_fanh"><a href="/mine/profiles.html"><img class="fanh_ann" src="images/web/fanh.png"></a></div>
			<div class="zhongjain_daoh">
				<ul class="jifsc_ul">
					<li><a class="zyyge">积分商城</a></li> 
					<li style="float: right;"><a href="/shopping/mypoint.html" class="zyyge">我的积分</a></li>
				</ul>
			</div>
		</div> 
	</div>
</div>
<script type="text/javascript">
	//滑动头部透明（针对首页头部用）
	window.onscroll=function(){

	var autoheight=document.body.scrollTop||document.documentElement.scrollTop;
	if(autoheight>10){
		$(".toub_beij").css("position" ,"fixed")
		} else {
			$(".toub_beij").css("position" ,"relative")
		}
	}
</script>
<!--内容-->  
<div class="swiper_container_1 ">
    <div class="swiper-wrapper">

        <div class="swiper-slide"><a href="#"><img src="images/web/jifengsc.jpg"></a></div>

    </div>
    <!-- Add Pagination -->
    <div class="swiper_pagination_1"></div>
</div> 
<script>
var swiper = new Swiper('.swiper_container_1', {
    pagination: '.swiper_pagination_1',
    paginationClickable: true,
    autoplay : 2000
});
</script>

<div class="wrapper wrapper03" id="wrapper03">
	<div class="scroller">
		<ul class="clearfix" >
			<li><a href="javascript:void(0)" data-id="1">出游必备</a></li>
			<li><a href="javascript:void(0)" data-id="2">优惠礼券 </a></li>
			<li><a href="javascript:void(0)" data-id="3">流量话费</a></li>
			<li><a href="javascript:void(0)" data-id="4">影视会员</a></li>
			<li><a href="javascript:void(0)">更多</a></li>


		</ul>
	</div>
</div>
<script type="text/javascript">
$(function(){

	//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
	$('.wrapper').navbarscroll(); 
});
</script>

<!--列表-->
<!--<div class="jf_dh">
	<ul>
		<li><a href="#">0元区</a></li>
		<li><a href="#">特价区</a></li>
	</ul>
</div>
<style type="text/css">
	.jf_dh{width:100%; height: 0.65rem;border-bottom: 1px solid #ccc; background: #fafafa;}
	.jf_dh ul{overflow: hidden;}
	.jf_dh ul li{width: 50%; text-align: center;float: left; border-left: solid 1px #c5c5c5; margin-left: -1px;}
	.jf_dh ul li a{color: #484848;line-height: 0.65rem;display: block;height:100%;width: 100%; }
</style>-->

<div class="shangp_lieb_beij" id="goods">

	<!--<ul class="shangp_lieb_k" render-loop="list">

		<li>
			<a href="商品页面.html">
				<div class="lieb_img"><img render-src="list.coverUrl"></div>
				<div class="lieb_txt">
					<p class="biao" render-html="list.title"></p> &lt;!&ndash;商品&ndash;&gt;
					<div class="jifen_sc">
						<p class="px26">¥ 69.90<span>¥80.00 </span></p>
						<p class="bend">积分兑换<span>-¥30.00 </span></p>
					</div>
				</div>
			</a>
		</li>

	</ul>-->

</div>
<!--<div class="jiazz">
	<p class="px22">拼命加载中...</p>
</div>
&lt;!&ndash;底部&ndash;&gt;
<div class="dib_bj">
	 
	<div class="liange_bb">
		<div class="bb">
			<a href="#">
				<div class="bb_img"><img src="images/web/chupb.png"></div>
				<p>触屏版</p>
			</a>
		</div>
		<div class="bb">
			<a href="#">
				<div class="bb_img"><img src="images/web/diannb.png"></div>
				<p class="diann_color">电脑版</p>
			</a>
		</div>
	</div>
	<div class="gs_beian">
		<p>京公网安备：11010602030054号</p>
		<p>京ICP备：14012449号 黔ICP证：B2-20140009号</p>
	</div>
</div>-->

<!--底部导航-->
<!---->
 
<!--大框div
</div>-->

<!--搜索页面-->

<script>

    function createTab(index, obj) {
        /*<li class="nav-item" data-index="xx">
        <a data-tid="xx" class="nav-link" data-toggle="pill" href="#pills-xx">oo</a>
                </li>*/
    /*<li><a href="javascript:void(0)">数码家电</a></li>*/
        var a = $("<a></a>").attr("data-tid", obj.id).html(obj.name);
        return $("<li></li>").append(a);
    }

	$(function () {


	    $.get("/goods/types" , {state:1} ,function (data) {
            // console.log(data);
            $.each(data , function (i , n) {
                var type =  n.id;
                $.get("/goods" , {type:type } ,function (data) {
                    // console.log(data);
                    setTimeout(function () {
                        if (n.id == 1){
                            $(data).removeAttr("style").appendTo("#goods");
						} else {
                            $(data).appendTo("#goods");
                        }
                    },500);
                });
                // $("#goods ul[data-id='1']").removeAttr('style');
            });
            // console.log($("#goods ul[data-id='1']"));
        });

	    $("#wrapper03 a").click(function () {
			var id = $(this).data("id");
            console.log($(this).data("id"));
           /* setTimeout(function () {
                $("#goods ul").css("display","none");
            },500);*/
            $("#goods ul").css("display","none");
            $("#goods ul[data-id='"+id+"']").removeAttr('style');
        });


    })
</script>
</body>
</html>

<!-- <script type="text/javascript">
	window.onload=function(){ 
		var TheMenu=document.getElementById('zhu_caid');
		var LieBiao=document.getElementById('daoh_lb'); 
		var Html=document.getElementsByTagName("html")[0];//0 第一个数组
		TheMenu.onclick=function(event)
		{
			if (LieBiao.style.display=='block')
			{
				LieBiao.style.display='none';
			}
			else {
				LieBiao.style.display='block';
			}  
			event.stopPropagation();//阻止冒泡事件
		} 
		Html.onclick=function(){
			LieBiao.style.display='none';
		}

		// 
		 
 };
 
</script> -->